<template>
  <transition name="translate">
    <div class="wrapper">
      <common-back :content="title"></common-back>
      <keep-alive>
        <router-view v-if="$route.meta.keepAlive"></router-view>
      </keep-alive>
      <router-view v-if="!$route.meta.keepAlive"></router-view>
    </div>
  </transition>
</template>
<script>
import CommonBack from 'common/headerBack/back'
export default {
  name: '',
  components: {
    CommonBack
  },
  data () {
    return {
      title: '订单列表'
    }
  }
}
</script>
<style lang="stylus" scoped>
@import '~stylus/variable.styl'
@import '~stylus/mixins.styl'

.wrapper
  initPosition()
  background-color $common_bgc
  z-index 10

.translate-enter-active, .translate-leave-active
  transition all 0.3s

.translate-enter, .translate-leave-active
  transform translate3d(100%, 0, 0)
</style>
